﻿<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/Master_Page/Master_Popup.Master" CodeBehind="Booking_Bas_Vessel_Popup.aspx.vb" Inherits="I_PORT.Booking_Bas_Vessel_Popup" 
    title="IRPC INTELLIGENT PORT SERVICE" %>
    
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   <table width="100%" border="0" cellpadding="2" cellspacing="0">
      <tr>
         <td align="right" style="width:20%" ><asp:Label ID="labelxx" runat="server" SkinID="lbtxt" Text="บริษัท :" ></asp:Label>&nbsp;</td>
         <td align="left">
            <asp:TextBox ID="txtCompany" runat="server" Width="300px" MaxLength="2000" ></asp:TextBox>
         </td>
  </tr>
      <tr>
         <td align="right" style="width:20%" ><asp:Label ID="label1" runat="server" SkinID="lbtxt" Text="Product :" ></asp:Label>&nbsp;</td>
         <td align="left">
            <asp:TextBox ID="txtProductName" runat="server" Width="240px" MaxLength="200"></asp:TextBox>
            <asp:AutoCompleteExtender  runat="server" ID="AutoCompleteExtender3" BehaviorID="AutoCompleteEx3" CompletionInterval="50"
                     TargetControlID="txtProductName" ServicePath="../WebService/AutoComplete_IPORT.asmx" MinimumPrefixLength="1" 
                    ServiceMethod="GetProduct" CompletionListCssClass="autocomplete_completionListElement" ContextKey="B"
                CompletionListItemCssClass="autocomplete_listItem" 
                CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem" >
                <Animations>
                    <OnShow>
                        <Sequence>
                            <%-- Make the completion list transparent and then show it --%>
                            <OpacityAction Opacity="0" />
                            <HideAction Visible="true" />
                            
                            <%--Cache the original size of the completion list the first time
                                the animation is played and then set it to zero --%>
                            <ScriptAction Script="
                                // Cache the size and setup the initial size
                                var behavior = $find('AutoCompleteEx3');
                                if (!behavior._height) {
                                    var target = behavior.get_completionList();
                                    behavior._height = target.offsetHeight - 2;
                                    target.style.height = '0px';
                                }" />
                            
                            <%-- Expand from 0px to the appropriate size while fading in --%>
                            <Parallel Duration=".3">
                                <FadeIn />
                                <Length PropertyKey="height" StartValue="0" EndValueScript="$find('AutoCompleteEx3')._height" />
                            </Parallel>
                        </Sequence>
                    </OnShow>
                    <OnHide>
                        <%-- Collapse down to 0px and fade out --%>
                        <Parallel Duration=".3">
                            <FadeOut />
                            <Length PropertyKey="height" StartValueScript="$find('AutoCompleteEx3')._height" EndValue="0" />
                        </Parallel>
                    </OnHide>
                </Animations>
                 </asp:AutoCompleteExtender>
         </td>
      </tr>
      <tr>
         <td align="right" style="width:20%" ><asp:Label ID="label2" runat="server" SkinID="lbtxt" Text="Wharf :" ></asp:Label>&nbsp;</td>
         <td align="left">
            <asp:DropDownList ID="ddlWharf" runat="server" SkinID="ddl">
            </asp:DropDownList>
         </td>
      </tr>
      <tr>
         <td align="right" style="width:20%" ><asp:Label ID="label3" runat="server" SkinID="lbtxt" Text="Fender :" ></asp:Label>&nbsp;</td>
         <td align="left">
            <asp:TextBox ID="txtFender" runat="server" MaxLength="50" Width="150px" ></asp:TextBox>
         </td>
      </tr>
      <tr>
         <td align="right" style="width:20%" >&nbsp;</td>
         <td align="left">
            <asp:Button ID="btnSave" runat="server" CssClass="ButtonStyle" Text="บันทึก" />
            <asp:Button ID="btnClose" runat="server" CssClass="ButtonStyle" Text="ปิด" />
         </td>
      </tr>
   </table>
</asp:Content>
